<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>this练习</title>
</head>
<body>
    <script>
        //this案例1
        // var obj = {
        //     foo: function() {
        //         console.log(this.bar)
        //     },
        //     bar: 1
        // };

        // var foo = obj.foo;
        // var bar =2;

        // var foo = obj.foo;
        // var bar = 2;

        // obj.foo()
        // foo()

        //this案例2
        // function fn() {
        //     this.a = 'hello'
        //     this.b = {
        //         b: 'world',
        //         getB(a){
        //             console.log(a + '' + this.b)
        //         }
        //     }
        // }
        // new obj = new fn()
        // obj.b.getB(obj.a)

        //案例3
        var x = 2
        function fn() {
            console.log(this.x)
        }
        var obj1 = {
            x:1
        }
        var obj2 = {}
        obj2.fn = fn
        obj2.fn.apply()


      
    </script>
</body>
</html>